<div class="page-header">
  <h1>
    {{ page.title }} 
    {% if page.tagline %}
      <small>{{ page.tagline }}</small>
    {% endif %}
  </h1>
</div>
<div class="row">
  <div class="span8">
    <article>
      {{ content }}
    </article>
    <hr>
    <div class="pagination btn-group">
      {% if page.previous %}
        <a class="btn prev" href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">&larr; Previous</a>
      {% else %}
        <a class="btn disabled prev">&larr; Previous</a>
      {% endif %}
        <a class="btn" href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a>
      {% if page.next %}
        <a class="btn next" href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}">Next &rarr;</a>
      {% else %}
        <a class="btn next disabled">Next &rarr;</a>
      {% endif %}
    </div>
    <hr>
    {% include JB/comments %}
  </div>
  
  <div class="span4">
    <section>
      <h4>Published</h4>
      <div class="date"><span>{{ page.date | date_to_long_string }}</span></div>
    </section>
    {% if page.category %}
      <section>
        <h4>Category</h4>
        <span class="category">
          {{ page.category }}
        </span>
      </section>
    {% endif %}     
    {% unless page.tags == empty %}
      <section>
        <h4>Tags</h4>
        <ul class="tag_box">
          {% assign tags_list = page.tags %}
          {% include JB/tags_list %}
        </ul>
      </section>
    {% endunless %}
    <section>
      <br>
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
<a class="jiathis_button_fb"></a>
<a class="jiathis_button_googleplus"></a>
<a class="jiathis_button_twitter"></a>
<a class="jiathis_button_plurk"></a>
<a class="jiathis_button_evernote"></a>
<a class="jiathis_button_tumblr"></a>
<a class="jiathis_button_instapaper"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_ydnote"></a>
<a href="http://www.jiathis.com/share?uid=1642813" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" >
var jiathis_config={
	data_track_clickback:true,
	summary:"",
	ralateuid:{
		"tsina":"xi4oh4o"
	},
	hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1642813" charset="utf-8"></script>
<!-- JiaThis Button END -->
    </section>         
    <br>
    <br>
    <section>
      <h4>Tag Cloud</h4>
      <ul class="tag_box inline">
      {% assign tags_list = site.tags %}  
      {% include JB/tags_list %}
      </ul>  
    </section>
<!--
    <br>
    <section>
      <h4>Shameless Request</h4>
      <p>如果你觉得文章对您有帮助，并且希望使用DropBox的话，请通过我的<a href="http://db.tt/jgwz2gn">Referral Link</a>注册Dropbox，不胜感激。</p>
    </section>
!-->
  </div>
</div>
